
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#mobile_row {
			display: inline-block;
		}
		.mw-person-socials a>i{
			padding-top: 10px;
			line-height: 0;
		}
		.vcard-container {
			width: 716px;
		}

		.mw-content {
		padding: 30px 64px 30px 64px;
		}

		.grey-content .one-third {
			margin-bottom: 15px;
		}


		div #home  {
		padding: 90px 64px 40px 64px;
		}
		#home p {
			font-size: 48px;
			font-weight: 300;
			line-height: 32px;
		}
		#home span {
			color: #9b59b6;
			font-size: 24px;
			margin: 12px 0 0 4px;
		}
		.mw-content > .one-third {
			float: left;
			margin-bottom: 0 !important;
			margin-right: 0 !important;
			width: 31.9%;
		}
		
		.mask h2{
			margin: 18px 0px 23px;
		}

		.mask p{
			line-height: 18px;
			max-height: 55px;
			overflow: hidden;
		}


	}




	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#mobile_row {
			display: inline-block;
		}

		.mw-person-socials a>i{
			padding-top: 10px;
			line-height: 0;
		}
		.mw-person figcaption h3{
			font-size: 15px;
		}
		.mw-person figcaption p{
			font-size: 10px;
		}

		.vcard-container {
			width: 480px;
			margin-top: 40px;
		}
		.social-buttons {
			display: none;
		}

		#main-nav {
			display: none;
		}	
		#mobile_row {
			display: inline-block;
		}
		#mobile-nav {
		}
		.tabs li {
		height: 90px;
		line-height: 96px;
		text-align: center;
		width: 20%;
		float: left;
		list-style: none;
		}
		.tabs i {
		font-size: 21px;
		}
		.photo {
			
		}

		.name {
			display: block;
			float: none;
			width: 100%;
		}
		.position {
			display: block;
			float: none;
			width: 100%;
		}

		.one-half {
			width: 100% !important;
		}
		h3 {
			font-size: 21px;
		}
		.date {
			margin-right: 15px;
			display: inline-block;
			width: 100%;
		}
		.trianglewrap {
			width: 100%;
		}
		.mw-content {
		padding: 30px 40px 30px 40px;
		}
		.wopadd {
			padding: 0 40px 0 40px;
		}
		.grey-content {
			padding: 30px 40px 30px 40px;
		}
		.jobtitle {
			width: 100%;
		}
		.one-third { 
			width: 50% !important;
			margin-bottom: 15px;
		}

		div #home  {
		padding: 90px 64px 40px 64px;
		}
		#home p {
			font-size: 48px;
			font-weight: 300;
			line-height: 48px;
		}
		#home span {
			color: #9b59b6;
			font-size: 24px;
			margin: 12px 0 0 4px;
		}
		
		
		.mw-content{
			padding: 10px;	
		}

		
		.mw-content > .one-third{
			margin-bottom: 0 !important;
			margin-right: 0 !important;
		}
		
		.project-item .mask{
			width: 83%;
			padding: 0 20px;
		}
		.mask p{
			max-height: 100px;
			overflow: hidden;
		}
	
		#footer{
			width: 100%;
		}
		.socials{
			width: 100% !important;
		}
		.lastest-tweets {
			width: 100%;
		}
		.copyright{
			width: 100%;
		}
	}


	@media only screen and (max-width: 479px) {
		#mobile_row {
			display: inline-block;
		}
		
		.mw-person-socials a>i{
			padding-top: 3;
			line-height: 0;
		}

		.mw-person{
			width: 100%;
		}
		.vcard-container {
			width: 300px;
			margin-top: 30px;
		}
		.social-buttons {
			display: none;
		}

		#main-nav {
			display: none;
		}	
		#mobile_row {
			display: inline-block;
		}
		#mobile-nav {
		}
		.tabs li {
		height: 90px;
		line-height: 96px;
		text-align: center;
		width: 20%;
		float: left;
		list-style: none;
		}
		.tabs i {
		font-size: 21px;
		}
		
		.name {
			display: block;
			float: none;
			width: 100%;
			height: 90px;
			line-height: 90px;
		}
		.position {
			display: block;
			float: none;
			width: 100%;
			height: 90px;
			line-height: 90px;
		}

		div #home  {
		padding: 60px 36px 40px 36px;
		}
		#home p {
			font-size: 42px;
			font-weight: 300;
			line-height: 48px;
		}
		#home span {
			color: #9b59b6;
			font-size: 21px;
			margin: 12px 0 0 4px;
		}

		.copyright {
		display: inline;
		float: left;
		line-height: 64px;
		font-size: 9px;
		text-transform: uppercase;
		color: #fff;
		}

		.one-third { 
			width: 100% !important;
			margin-right: 0!important;
			margin-bottom: 24px !important;
		}
		.mw-content {
		padding: 24px 32px 24px 32px;
		}
		.wopadd {
			padding: 0 32px 0 32px;
		}
		.grey-content {
			padding: 24px 32px 24px 32px;
		}

		.one-half {
			width: 100% !important;
		}

		.date {
			margin-right: 15px;
			display: inline-block;
			width: 100%;
		}
		.trianglewrap {
			width: 100%;
		}

		h3 {
			font-size: 18px;
			line-height: 18px;
		}
		.jobtitle {
			width: 100%;
		}
		h1 {
		font-size: 32px;
		line-height: 43px;
		}
		
		ul#top-social{
			text-align: justify;
			height: auto !important;
			text-align: left;
		}

		ul.social-icons li.item:first-child{
			padding-left: 5px;
		}
		

		
		.wrap-img{
			width: 32.4%;
			max-width: 100%;
		}

		#footer{
			width: 100%;
		}
	
		.lastest-tweets {
			width: 100%;
		}
		.copyright{
			width:100%;
			color: #000000;
		}
	}

			